<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>用户界面</title>
  <link rel="stylesheet" type="text/css" href="../static/all/css/AllUserPage.css" media="all">
  <link rel="stylesheet" type="text/css" href="../static/all/css/bootstrap.min.css" media="all" />
  <link href="https://fonts.googleapis.com/css2?family=Lato&display=swap" rel="stylesheet">
  <link rel="stylesheet" type="text/css" href="../static/all/css/btn.css" media="all" />

  <script src="../static/all/js/jquery-1.11.1.min.js"></script>
  <script src="../static/all/js/bootstrap.min.js"></script>
  <script src="http://www.jq22.com/jquery/jquery-1.9.1.js"></script>
  <script src="../static/all/js/jquery.wheelmenu.js"></script>
  <link href='/static/all/css/wheelmenu.css'  rel="stylesheet" type="text/css"/>





  <style>
    .innerContent{
      background-color: white;
      border: 0px solid #000000;

      -moz-border-radius: 15px;

      -webkit-border-radius: 15px;

      border-radius:20px;
    }

    form>div{
      margin-left: 40px;
      margin-right: 40px;
    }

    .menu>li{
      list-style-type: none;
    }

    .part{
      margin-top: 20px;
    }
  </style>
</head>

<body>
  <input type="checkbox" id="check" />
  <label for="check">
    <svg viewBox="0 0 30 30" width="30" height="30">
      <path id="one" d="M4 10h22M4" stroke="#fff" stroke-width="2" stroke-linecap="round"></path>
      <path id="two" d="M4 20h22M4" stroke="#fff" stroke-width="2" stroke-linecap="round"></path>
    </svg> 菜 单
  </label>
  <aside th:fragment="nav">
    <div class="top">
      <h2>目 录</h2>
      <ul class="menu">
        <li><a th:href="@{/logout}"><button class="custom-btn btn-12"><span>Click!</span><span>注销</span></button></a></li>
        <li><a href="#"><button class="custom-btn btn-12"><span>Click!</span><span>信息管理</span></button></a></li>
        <li><a th:href="@{/user/myExamHistory}"><button class="custom-btn btn-12"><span>Click!</span><span>测试记录</span></button></a></li>
        <li><a th:href="@{/exam/hellopage}"><button class="custom-btn btn-12"><span>Click!</span><span>开始测试</span></button></a></li>
      </ul>
    </div>
    <div style="font-size: 15px;font-family: serif;margin-top: 250px" class="bottom">
      <p>欲买桂花同载酒,终不似,少年游</p>
    </div>
  </aside>
  <article>
    <div class="wrapper">
      <!--<div class="content"></div>-->
        <div class="container" style="margin-top: 100px">
         <!-- <a th:href="@{/exam/beginexam(type=0,numtype=0)}"><button class="custom-btn btn-14"></button></a>
          <a th:href="@{/exam/beginexam(type=1,numtype=0)}"><button class="custom-btn btn-14"></button></a>
          <a th:href="@{/exam/beginexam(type=2,numtype=0)}"><button class="custom-btn btn-14"></button></a>
          <a th:href="@{/exam/beginexam(type=3,numtype=0)}"><button class="custom-btn btn-14"></button></a>
          <a th:href="@{/exam/beginexam(type=4,numtype=0)}"><button class="custom-btn btn-14"></button></a>-->

          <div class="col-sm-4">
            <a href="#wheel" class="wheel-button">
              <span>1</span>
            </a>
            <ul id="wheel"  data-angle="all">

              <li class="item"><a th:href="@{/exam/beginexam(type=0,numtype=0)}">+</a></li>

              <li class="item"><a th:href="@{/exam/beginexam(type=1,numtype=0)}">-</a></li>

              <li class="item"><a th:href="@{/exam/beginexam(type=2,numtype=0)}">x</a></li>

              <li class="item"><a th:href="@{/exam/beginexam(type=3,numtype=0)}">÷</a></li>

              <li class="item"><a th:href="@{/exam/beginexam(type=4,numtype=0)}">混</a></li>

            </ul>
          </div>

          <div class="col-sm-4">
            <a href="#wheel1" class="wheel-button">
            <span>2</span>
          </a>
            <ul id="wheel1"  data-angle="all">

              <li class="item"><a th:href="@{/exam/beginexam(type=0,numtype=1)}">+</a></li>

              <li class="item"><a th:href="@{/exam/beginexam(type=1,numtype=1)}">-</a></li>

              <li class="item"><a th:href="@{/exam/beginexam(type=2,numtype=1)}">x</a></li>

              <li class="item"><a th:href="@{/exam/beginexam(type=3,numtype=1)}">÷</a></li>

              <li class="item"><a th:href="@{/exam/beginexam(type=4,numtype=1)}">混</a></li>

            </ul></div>

          <div class="col-sm-4">
            <a href="#wheel2" class="wheel-button">
              <span>3</span>
            </a>
            <ul id="wheel2"  data-angle="all">

              <li class="item"><a th:href="@{/exam/beginexam(type=0,numtype=2)}">+</a></li>

              <li class="item"><a th:href="@{/exam/beginexam(type=1,numtype=2)}">-</a></li>

              <li class="item"><a th:href="@{/exam/beginexam(type=2,numtype=2)}">x</a></li>

              <li class="item"><a th:href="@{/exam/beginexam(type=3,numtype=2)}">÷</a></li>

              <li class="item"><a th:href="@{/exam/beginexam(type=4,numtype=2)}">混</a></li>

            </ul>
          </div>


        </div>
      <div class="footer">
        <p></p>
      </div>
    </div>
  </article>
</body>

<script>
  $(document).ready(function(){

    $(".wheel-button").wheelmenu({

      trigger: "hover",

      animation: "fly",

      animationSpeed: "fast"

    });

  });

</script>



</html>